import { LandingSocialProof } from '@/components/landing/social-proof/LandingSocialProof';
import { LandingBandSection } from '@/components/landing/LandingBand';

export default function Component() {
  const avatarItems = [
    {
      imageSrc: 'https://picsum.photos/id/64/100/100',
      name: 'John Doe',
    },
    {
      imageSrc: 'https://picsum.photos/id/65/100/100',
      name: 'Jane Doe',
    },
    {
      imageSrc: 'https://picsum.photos/id/669/100/100',
      name: 'Alice Doe',
    },
  ];

  return (
    <LandingBandSection
      title="12000+ developers"
      description="More than 12k developers are already in"
      supportingComponent={
        <LandingSocialProof
          showRating
          numberOfUsers={12000}
          avatarItems={avatarItems}
        />
      }
    />
  );
}
